<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        模块化
            模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来

        好处
            1.防止命名冲突
            2.代码服用
            3.高维护性

        ES6 模块化语法
         export 命令用于规定模块的对外接口
         import 命令用于输入其他模块提供的功能
     -->

     <script type="module">
        //引入模块Js
        //1.通用导入方式
        // import * as m1 from "./28_模块化.js"
        // console.log(m1)
        // m1.default.change()

        //2.解构赋值形式
        import {school, teach} from "./28_模块化.js"
        // import {school as guigu, teach as te} from "./29_模块化.js" //重名会报错,可以用as命名别名
        import {default as m3} from "./28_模块化.js"
        console.log(school, teach)

        //3.简便形式 针对默认暴露
        // import m4 from "./28_模块化.js"
     </script>

     <script src="./28_模块化2.js" type="module"></script>
</body>
</html>